<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="bootstrap-3.4.1-dist/js/jquery-3.6.0.min.js"></script>
  <script src="bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
  <link rel="stylesheet" href="./bootstrap-3.4.1-dist/css/bootstrap.min.css">
  <title>常用样式</title>
</head>
<body>
  <h1>h1. Bootstrap heading</h1>
  <h2>h2. Bootstrap heading</h2>
  <h3>h3. Bootstrap heading</h3>
  <hr>
  <p class="lead">
    电影讲述的是<mark>韩国登山家</mark>朴武宅于<del>2004</del>年在攀登海拔8750M的珠穆朗玛峰时，不幸遇难。为了寻回同伴的遗骨使他们安息，严弘吉（黄政民饰）率团前往珠穆朗玛峰，开始了新一次远征。5月29日，严弘吉和他的队员不负众望，在8700 M处找到了朴武宅的遗体，在冰雪皑皑的世界屋脊之巅 举行了隆重的安葬仪式，并且立碑为念。当时这件事曝光后，也引发了感动如潮。
    <small>韩国演员<strong>黄政民</strong></small>此次在片中饰演亚洲首位完成14座8000米的韩国登山家严弘吉一角。该片将由推出了《海云台》、《舞后》、《快递惊魂》等影片的JK Film担当制作，通过《和声》展现了细腻掌镜力的康大奎导演将再执导筒。影片还将在尼泊尔等地的雪山实地取景，以展现更加真实的雪山风貌。
  </p>
  <hr>
  <abbr title="attribute">attr</abbr>
  <p class="text-left">Left aligned text.</p>
  <p class="text-center">Center aligned text.</p>
  <p class="text-right">Right aligned text.</p>
  <p class="text-justify">Justified text.</p>
  <!--text-nowrap表示强制不换行-->
  <p class="text-nowrap">Series 打印时竖着显示，像“一列”。但无论作为“行”还是“列”取出，它都是 1 维（ndim==1）。Series 可以装任何对象
比如你写过 pd.Series(list(arr2))，每个元素是一个一维 ndarray。Series 本身仍是 1 维，只是“每个格子里放了一个数组”。Series 打印时竖着显示，像“一列”。但无论作为“行”还是“列”取出，它都是 1 维（ndim==1）。Series 可以装任何对象
比如你写过 pd.Series(list(arr2))，每个元素是一个一维 ndarray。Series 本身仍是 1 维，只是“每个格子里放了一个数组”。</p>
    <hr>
    <address>
      <strong>Twitter, Inc.</strong><br>
      1355 Market Street, Suite 900<br>
      San Francisco, CA 94103<br>
      <abbr title="Phone">P:</abbr> (123) 456-7890
    </address>
    <hr>
    <ul class="list-unstyled">
      <li>测试列表01</li>
      <li>测试列表02</li>
      <li>测试列表03</li>
      <li>测试列表04</li>
      <li>测试列表05</li>
      <li>测试列表06</li>
      <li>测试列表07</li>
      <li>测试列表08</li>
      <li>测试列表09</li>
      <li>测试列表10</li>
    </ul>
    <ul class="list-inline" style="border:1px solid red;">
      <li>导航信息</li>
      <li>导航信息</li>
      <li>导航信息</li>
      <li>导航信息</li>
      <li>导航信息</li>
      <li>导航信息</li>
      <li>导航信息</li>
      <li>导航信息</li>
      <li>导航信息</li>
    </ul>
  </body>
</html>